﻿@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */
#wrap { width:100%;  }
#head { z-index:100; min-width:960px; background:url(../images/navbar.png) repeat-x; height:170px; }
.select_inner { width:960px; margin:0 auto; z-index:3; }
.logo { float:left; height:68px;margin-left:10px;margin-top:15px;}
.tel { float:right;height:58px;margin-right:15px;margin-top:25px;}
.nav { height:55px; width:960px; float:left;}
.nav li { float:left; line-height:55px; font-size:14px; font-weight:700; display:block;text-align:center; border-right:1px solid #e0e0e0; }
.nav li a { float:left; color:#717171; height:55px; padding:0 22px; display:block;}
.nav li a:hover, .nav li a.current { background:url(../images/title_ah.gif) repeat-x; color:#fff; }
.nav li.home { border-left:none; }
.nav li.last { border-right:none; }
#main { background:#fff; width:100%; }
.banner { height:240px; float:left; margin-bottom:20px; }
.main_left { float:left; border:solid #e0e0e0; border-width:0 1px 1px 1px; display:inline; }
.main_right { float:right; border:solid #e0e0e0; border-width:0 1px 1px 1px; }
.main_left h2, .main_right h2 { font-size:13px; font-weight:700; text-indent:10px; background:url(../images/title_bg.gif) repeat-x; height:31px; line-height:31px; border-top:none; color:#000; border-left:7px solid #038fdf; }
.product { width:958px;margin-top:10px; height:230px; }
.product ul { padding:0 11px; }
.product li { float:left; width:212px; height:178px; margin:10px 8px 0 13px; }
.product li a { display:block; }
.product li a:hover { background:#e6e6e6; }
.product li img { padding:6px 6px 4px; }
.product li p { padding:2px 10px; color:#005fa8; }
.about { width:500px; height:226px; }
.about img { float:left; margin:14px 10px 0 10px; border:1px solid #ccc; padding:4px; }
.about p { margin:10px 8px 0 14px; line-height:22px; color:#333; }
.news { width:440px; height:226px; }
.news ul { padding:10px 20px 10px 30px; }
.news li { background:url(../images/arrow.gif) 21% 50% no-repeat; line-height:22px; }
.news li span { margin-right:32px; }
#footer { height:120px; border-top:3px solid #000; background:#616161; margin-top:16px; min-width:960px; }
.foot_list { text-align:center; margin:28px auto 4px; color:#fff; word-spacing:3px;  }
.copyright { text-align:center; color:#e3e3e3; word-spacing:1px; }
.sub_banner { margin:10px 27px 20px; }
#left { width:575px; float:left; }
.news_index ul, .faq_index ul { margin:7px 10px; }
.news_index li, .faq_index li { line-height:28px; display:block; text-indent:20px; background:url(../images/list01.gif) no-repeat 0% 50%; }
.news_index li a, .faq_index li a { color:#06c; }
.news_index li a:hover, .faq_index li a:hover { color:#c00; border-bottom:1px solid #06c; }
.news_index li span, .faq_index li span { float:right; margin-right:6px; }
.preview { margin-left:20px; line-height:21px; border-bottom:1px dashed #999; padding-bottom:6px; }
.faq_pre { margin-left:20px; line-height:21px; background:url(../images/okay.png) no-repeat 0% 10%; border-bottom:1px dashed #999;margin-bottom:10px;padding-bottom:6px;}
.contact { height:147px; width:368px; float:right; border:1px solid #C2C2C2; border-top:none; margin-top:8px; }
.contact p { margin:7px 18px; background:url(../images/list03.gif) no-repeat 0% 50%; padding-left:18px; }
#content { float:left; width:720px; height:auto; border-top:2px solid #038fdf; }
#content h3 { padding:8px 10px; border-bottom:1px dotted #999; color:#06c; font-size:18px; }
#content h1 { font-size:14px; text-align:center; line-height:24px; color:#069; margin:8px auto; font-size:16px; }
#content h3 span { float:right; margin-right:8px; font-size:12px; font-weight:400; color:#333; margin-top:8px; }
#content p { text-indent:24px; line-height:22px; margin:12px; }
#content img { margin:5px auto; display:block; }
#content table { margin:10px auto; border:solid #999; border-width:1px 0 0 1px; }
#content tr td { border:solid #999; border-width:0 1px 1px 0; }
.prointro { }
.prointro img { float:right; width:160px; height:120px; padding-top:36px; padding-left:10px; }
.prointro a:hover img { border-bottom:3px solid #06c; }
.prointro h2 { border-bottom:3px solid #080; color:#080; font-size:14px; margin-left:10px; }
.prointro ul { margin:12px 32px; }
.prointro li { line-height:22px; }
.pre { margin-top:10px; }
.pre, .next { font-size:13px; line-height:22px; text-align:left; }
.answer { border-bottom:1px solid #999; margin-bottom:10px;}
.probox { width:350px; float:left; margin:6px 4px; _margin:10px 3px 0; border:1px solid #d0d0d0; height:174px; }
.probox h2 { background:#f2f2f2; border-bottom:1px solid #d0d0d0; text-indent:10px; line-height:28px; color:#369; font-size:14px; }
.probox img { padding:6px; float:left; width:160px; height:120px; }
.probox_intro { line-height:20px; padding:10px; }
.news_info, .faq_info { display:block; text-align:center; line-height:20px; border-bottom:1px dashed #CCC; margin:0 20px; }
#sidebar { float:right; width:220px; }
.side_menu { padding:18px; background:#f2f2f2; margin-bottom:6px; }
.side_menu ul { border:1px solid #ddd; border-bottom:none; height:auto; }
.side_menu li { background:url(../images/menu_bg.gif) no-repeat; line-height:27px; padding-left:40px; }
.side_menu li a.cur { font-weight:600; color:#CC0000; }
.con_bg { padding:0 10px; line-height:28px; margin-top:20px; }
.clbox { float:left; width:320px; height:110px; margin:15px 8px }
.clbox p { line-height:16px; }
.clbox h4 { font-size:12px; }
.htext { margin-left:30px; }
.intro_img { float:right; padding:10px 30px 0 10px; }
.page { float:right; margin-right:50px; margin-bottom:5px; }
.page a, .page span { display:block; color:#069; font-weight:normal; text-decoration:none; border:1px solid #ccc; padding-top:3px; float:left; margin:8px; text-align:center; padding-right:5px; padding-left:5px; height:18px }
.page a:hover, .page a.current { color:#333; border:1px solid #069 }
.page input { padding:0px; color:#069; height:16px; width:25px; border:0px solid #fff; text-align:center; margin:0px -5px 0px -5px; vertical-align:middle; font-size:12px }